<template>
  <div>
      <!-- 3.展示 -->
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="item in arr" :key="item.id">
          <img :src="$pre+item.img" alt="">
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
import { reqBanner } from '../../../http/api';
export default {
    data(){
        return {
            // 1.初始化数据
            arr:[]
        }
    },
    mounted(){
        // 2.请求
        reqBanner().then(res=>{
            this.arr=res.data.list
        })
    }
};
</script>

<style scoped>
.my-swipe{
    height: 4rem;
}
img{
    width: 100%;
    height: 100%;
}
</style>